@import '../../common/style/mixin.less';
.project-page {
  text-align: left;
  // 下方主要panel的样式
  .base-panel {
    &-title {
      position: relative;
      line-height: 48px;
      font-weight: bold;
      color: rgba(255, 255, 255, 1);
      font-size: 18px;
      padding-left: 24px;
      background: linear-gradient(270deg, rgba(#202f37, 0.65) 0%, rgba(#1e272d, 0.65) 100%);
      .ant-form-item-label > label {
        color: rgba(#fff, 0.7);
      }

      .ant-select:not(.ant-select-customize-input) .ant-select-selector {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
      }

      .ant-select {
        color: rgba(255, 255, 255, 0.7);
      }

      .ant-select-arrow {
        color: rgba(255, 255, 255, 0.45);
      }

      .ant-select-single.ant-select-open .ant-select-selection-item {
        color: rgba(255, 255, 255, 0.8);
      }
      .ant-input {
        background: transparent;
        color: rgba(255, 255, 255, 0.7);
      }
      &-btn {
        float: right;
        margin-right: 24px;
        cursor: pointer;
        color: rgba(#ffffff, 0.7);
        &:hover {
          color: #ffffff;
        }
      }
    }
    &-body {
      position: relative;
      height: 252px;

      background: linear-gradient(135deg, rgba(#131b20, 0.85) 0%, rgba(#091218, 0.85) 100%);
      overflow: hidden;
    }
  }

  .border-box {
    position: relative;
    padding-bottom: 24px;

    &:before,
    &:after {
      position: absolute;
      display: block;
      height: 8px;
      width: 90%;
      left: 50%;
      transform: translateX(-50%);
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
    }
    &:before {
      top: 64px;
      background-image: url('./images/border-top.png');
    }
    &:after {
      height: 10px;
      bottom: 8px;
      background-image: url('./images/border-bottom.png');
    }
  }

  .c-btn2 {
    background: rgba(#fff, 0);
    font-size: 16px;
    border-radius: 2px;
    color: #2fb0ff;
    border: 1px solid #2fb0ff;
    transition: all 0.2s;
    width: 154px;
    &:hover,
    &:focus {
      background: rgba(#fff, 0.1);
    }
  }
  .c-btn1 {
    background: rgba(#2fb0ff, 0.2);
    font-size: 16px;
    width: 154px;
    color: #2fb0ff;
    border: 0;
    transition: all 0.2s;
    &:hover,
    &:focus {
      background: rgba(#2fb0ff, 0.1);
    }
  }

  &-popup {
    position: absolute;
    top: 144px;
    left: 420px;
    width: 0;
    height: 0;
    overflow: visible;
    z-index: 10;
    &-left {
      left: 24px;
    }
  }
}

.progress-detail-modal {
  .list {
    list-style: none;
    padding-left: 10px;
    font-size: 14px;
    color: rgba(#ffffff, 0.7);
    span {
      font-size: 12px;
      padding-left: 16px;
      color: #ffff;
    }
  }
  .ant-modal-content {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
  }
  .ant-modal-body {
    background: url('../../common/images/bg.png');
    color: #ffffff;
    padding: 16px;
  }
  .ant-modal-title {
    color: #ffff;
  }
  .ant-modal-close-x {
    line-height: 40px;
    height: 40px;
    color: rgba(#ffffff, 0.7);
    &:hover {
      color: #ffffff;
    }
  }
  .ant-modal-header {
    background: transparent;
    border-bottom: 0;
    padding: 8px 24px;
    &:after {
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      display: block;
      width: 100%;
      height: 40px;
      background: linear-gradient(90deg, rgba(21, 172, 237, 0.4) 0%, rgba(21, 172, 237, 0.3) 100%);
      opacity: 0.5;
      z-index: -1;
    }
  }
}

.ant-radio-group-solid {
  color: rgba(#ffffff, 0.65);
  .ant-radio-button-wrapper {
    background: rgba(#fff, 0.08);
    border: 0 !important;
    color: rgba(#ffffff, 0.65);
    &:hover {
      color: rgba(#ffffff, 0.9);
    }
    &:not(:first-child)::before {
      display: none;
    }
  }
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: rgba(#fff, 0.2);
    color: #2fb0ff;
    &:hover {
      background: rgba(#fff, 0.4);
    }
  }
}
.width-400-important {
  width: 400px !important;
}

.c-nodata {
  // 此处为了让nodata里的值默认垂直居中
  &::before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
  }
}

.auto-height-side-panel {
  max-height: calc(100vh - 530px);
  overflow-y: auto;
  .beautify-scrollbar();
}

/* 修改上传按钮的正常颜色 */
.ant-upload-btn,
.ant-upload-list-text {
  color: #ffffff !important; /* 设置正常颜色为红色 */
}

/* 修改上传按钮的选中后的颜色 */
.ant-upload-btn,
.ant-upload-list-text:hover {
  color: #000000 !important; /* 设置选中后的颜色为绿色 */
}
